@import "../role/role.component.scss";
.da-content-wrapper{
  display: flex;
  flex-direction: row;
  justify-content: left;
  height: 100%;
  gap: 20px;
  .userData{
    max-width: 400px;
    width: 35%;
    height: 100%;
    .card{
      height: 100%;
      padding: 45px 15px 15px 15px;
      display: flex;
      flex-direction: column;
      .card-header{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 1px solid #dddde1;
        .user-avatar{
          display: flex;
          flex-direction: column;
          align-items: center;
          .user-name{
            font-weight: 500;
            font-size: $devui-font-size-price;
            line-height: 45px;
          }
        }
        .userinfo{
          width: 100%;
          margin-top: 20px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          padding: 0px 15px 15px 15px;
          .user-info-item{
            width: 100%;
            display: flex;
            flex-direction: row;
            margin-top: 10px;
            font-size: 14px;
            .user-info-item-left,.user-info-item-right{
              width: 50%;
            }
            .user-info-item-mid{
              width: 100%;
              display: flex;
              flex-direction: row;
            }
          }
        }
      }
      .user-role{
        .role-tip{
          font-size:16px;
          margin-bottom: 10px;
        }
        .tages{
          overflow: hidden;
          word-wrap: break-word;
          height: 100%;
          line-height: 24px;
        }
      }
    }
  }
  .userNotice{
    flex-grow: 1;
    zoom: 100%!important;
    .card{
      height: 100%;
      width: 100%;
      padding: 30px 0 0 0;
      display: flex;
      flex-direction: column;
      .page-footer{
        padding: 10px 20px 10px 20px;
        display: flex;
        justify-content: right;
      }
      d-tabs{
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        d-tab{
          height: 100%;
        }
      }
      .tab-title{
        padding-bottom: 12px;
        border-bottom: 1px solid var(--devui-dividing-line, #f2f2f3);
      }
      .tab-content{
        flex-grow: 1;
        overflow: auto;
      }
      .message-item{
        margin-top: 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--devui-dividing-line, #f2f2f3);
        .message-item-title{
          color: $devui-text;
          font-size: $devui-font-size-page-title;
          font-weight: 600;
          cursor: pointer;
          &:hover{
            color: $devui-brand;
          }
        }
        .message-item-content{
          margin-top: 5px;
          font-size: 14px;
        }
      }
    }
  }
}
:host ::ng-deep .devui-tab-content{
  height: 0;
  flex-grow: 1;

}
:host ::ng-deep .devui-tab-pane{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.allRead{
  font-size: 14px;
}
.shadow-footer {
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1);
}
.tab-wrapper{
  padding: 0 20px 0 20px;
  flex-grow: 1;
  height: 0;
  display: flex;
  flex-direction: column;
}

.disabled {
  pointer-events: none;
  color: lightgray!important;
}
